<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/> 
<style>
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333;
}

li {
  float: left;
}

li a, .dropbtn {
  display: inline-block;
  color: black;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

li a:hover, .dropdown:hover .dropbtn {
  background-color: red;
}

li.dropdown {
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: black
  min-width: 160px;
  box-shadow: 0 8px 16px 0px rgba(0,0,0,0.2);
  z-index： 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}
.dropbtn {
  background-color:black;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

.dropdown-content a:hover {background-color:grey}

.dropdown:hover .dropdown-content {
  display: block;
}
span{
  position:relative;
  height:1000px;
  left:-50px;
  top:-560px;
  color:red;
  text-align:center;
}
header{
  margin-top:0;
  text-align: center;
  padding:20px;
}
div.jjx{
  width:1000px;
  height:3200px;
  background-color:white;
  margin: 0 auto;
}
body{
  background: color #f5f5f5;
}
#fuchouzhe{
  width:1650px;
  height:1000px;
  margin: 0 auto;
  text-align: center;
}

div.sticky {
  background-color: #f5f5f5;
  position:fixed;
  left:10px;
  top:45%;
}footer{
	clear:both;
	display:block;
	background-color: #f5f5f5;
	color:black;
	text-align:center;
	padding:15px;
}
body{
  margin-left:200px;
  padding:0;
}
ul{
  background-color: black;
}
</style>


</head>
<body background="tupian.webp"
style="background-repeat:norepeat;       
background-size:100% 100%;
       background-attachment:fixed;">
<header>
  <div >
<img  src="marvel.png" id="fuchouzhe" width="1700" height="700">
<nav>
  <span ><a href="https://www.baidu.com/link?url=juacdv_Ztr3G2hnLOFeSWfm__FGAaawGAGhUL157xbgXwkCmG_CK4rHGDX9WqXG1U8uMJBfNIB_L91TZpUtM9-WCx6K7i7NWevR2ehBJWce&wd=&eqid=c9a2d8620004978b00000005638efda1" >这里是漫威</a></span>
  <span ><a href="https://www.baidu.com/link?url=juacdv_Ztr3G2hnLOFeSWfm__FGAaawGAGhUL157xbgXwkCmG_CK4rHGDX9WqXG1U8uMJBfNIB_L91TZpUtM9-WCx6K7i7NWevR2ehBJWce&wd=&eqid=c9a2d8620004978b00000005638efda1" >这里是漫威</a></span>
  <span ><a href="https://www.baidu.com/link?url=juacdv_Ztr3G2hnLOFeSWfm__FGAaawGAGhUL157xbgXwkCmG_CK4rHGDX9WqXG1U8uMJBfNIB_L91TZpUtM9-WCx6K7i7NWevR2ehBJWce&wd=&eqid=c9a2d8620004978b00000005638efda1" >这里是漫威</a></span>
  <span ><a href="https://www.baidu.com/link?url=juacdv_Ztr3G2hnLOFeSWfm__FGAaawGAGhUL157xbgXwkCmG_CK4rHGDX9WqXG1U8uMJBfNIB_L91TZpUtM9-WCx6K7i7NWevR2ehBJWce&wd=&eqid=c9a2d8620004978b00000005638efda1" >这里是漫威</a></span>

</nav><br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
</div>
  漫威漫画公司（Marvel Comics）与DC漫画公司（Detective Comics）并称美国两大漫画巨头，它创建于1939年，于1961年正式定名为Marvel，旧译为“惊奇漫画”，曾用名“时代漫画”（Timely Comics）、亚特拉斯漫画（Atlas Comics）。
1939年4月，公司在《电影连环画周刊》创刊号上创造出了世界上第一位变种人反英雄—— 纳摩.麦肯齐，这是MARVEL的第一位超级英雄，他比公司的成立还要早半年，同年10月，公司在《惊奇漫画》第1期上创造出世界上第一位生化人超级英雄——初代霹雳火，并将纳摩.麦肯齐引入其中，这水与火的双重合作，打出了MARVEL史上的第一拳。
2009年底，MARVEL被华特迪士尼公司以42.4亿美元收购，成为其子公司。2010年9月，MARVEL宣布其正式中文名称为“漫威”。
旗下拥有蜘蛛侠、金刚狼、钢铁侠、美国队长、雷神托尔、绿巨人、鹰眼、惊奇队长、黑豹、死侍、黑寡妇、蚁人、奇异博士、惩罚者、超胆侠、杰茜卡·琼斯、卢克·凯奇、铁拳、尚气、恶灵骑士、刀锋战士、星爵等超级英雄，还有复仇者联盟、X战警、神奇四侠、银河护卫队、捍卫者联盟、光照会、异人族、永恒族、午夜之子等超级英雄团队。
百科星图
查看更多
漫威漫画的漫画作品
秘密战争2015
《秘密战争2015》，是美国漫威漫画公司创作的漫画作品。
全新侵袭组
《全新侵袭组》，是美国漫威漫画公司创作的漫画作品。
复仇者VSx战
这是复仇者联盟与变种人的战争，是复仇者对战第一期，史上战斗最激烈的漫画，复仇者大战X战警，并在这里为你呈现毫无保留的激烈
漫威公司的高管名单
凯文·费奇
漫威影业CEO
杰夫·洛布
漫威电视的执行副总裁
艾萨克·珀尔马特
漫威娱乐CEO
阿兰·芬恩
漫威娱乐主席
漫威十大神器法宝
姆乔尔尼尔
姆乔尔尼尔（Mjolnir），也译妙尔尼尔，即雷神之锤，是美国漫威漫画旗下物件，是雷神托尔所使用的武器。在漫画里，姆乔尔
美国队长之盾
美国队长之盾（Captain America's Shield），直径2.5英尺（0.76米），重12磅（5.4公斤）。
元素枪
元素枪是银河守护者里星爵的武器，由太阳之主制造。这把枪被设计成只有星爵可以使用。
悬浮斗篷
悬浮斗篷，是漫威宇宙（Marvel Universe）中的神秘法器，奇异博士（Doctor Strange）最著名的服装
漫威电影十大金曲
back in black
第一首
The Avengers
第二首
I'm Alive
第三首
Can You Dig It
第四首
MARVEL出版的漫画作品
猩红蜘蛛
猩红蜘蛛（Scarlet Spider）是美国漫威漫画旗下超级英雄。猩红蜘蛛是漫威漫画中出现的几个虚构人物的别名。在漫威
屠杀
屠杀是毒液的后代，然而却没有毒液的尊严和荣誉感。
秘密复仇者
《秘密复仇者》是美国漫威漫画公司推出的漫画作品，是2010年5月作为继《围城》事件后漫威世界迈入"英雄时代"状态所出版的
X战警：弥赛亚再临
《X战警：弥赛亚再临》是2010年Marvel出版的漫画，原作者为David Finch、Mike Choi、Terry
美国漫威漫画中的角色
蜘蛛侠
蜘蛛侠（Spider-Man）是美国漫威公司旗下漫画中的超级英雄，由编剧斯坦·李和画家史蒂夫·迪特科联合创造，初次登场于
绿巨人
罗伯特·布鲁斯·班纳（Robert Bruce Banner）即绿巨人浩克（Hulk），是美国漫威漫画旗下超级英雄，初次
绯红女巫
绯红女巫（Scarlet Witch）是美国漫威漫画旗下超级英雄，初次登场于《X战警》（The X-Men）第4期（19
憎恶
憎恶（Abomination）是美国漫威漫画旗下超级反派，初次登场于《Tales to Astonish》第90期（19
漫威第一阶段电影
钢铁侠
导演：乔恩·费儒
无敌浩克
导演：路易斯·莱特里尔
钢铁侠2
导演：乔恩·费儒
雷神
导演：肯尼斯·布拉纳
漫威第二阶段电影
蚁人
导演：佩顿·里德
复仇者联盟2：奥创纪元
导演：乔斯·韦登
银河护卫队
导演：詹姆斯·古恩
美国队长2：冬日战士
导演：安东尼·罗素、乔·罗素
漫威第三阶段电影
蜘蛛侠：英雄远征
导演：乔·沃茨
复仇者联盟4：终局之战
导演：安东尼·罗素、乔·罗素
惊奇队长
导演：安娜·波顿、瑞安·弗雷克
蚁人2：黄蜂女现身
导演：佩顿·里德
Marvel的漫画作品
复仇者解散
《复仇者解散》是MARVEL创作的科幻魔幻类漫画。
<h1>漫威经典电影</h1>
<br><ul >
  <li class="dropdown">
      <a href="javascript:void(0)" class="dropbtn" >钢铁侠</a>
      <div class="dropdown-content">
          <a href="https://www.baidu.com/link?url=eRhFHJXaGgJWq4EoRtaT8nADpFb8Ei96dJGQv7QP1rIZfOkPoWxkv8_asVPjqo74-N6WWSB4oqJZfGCiSMHKDq&wd=&eqid=92f8e2db00009abf00000006638e1759">钢铁侠1</a>
          <a href="https://www.baidu.com/link?url=-4dh0pdPl-tlwmcjtAtcnuXOxnMvnGRwYQO4T4CkkZhBZGdgaSMQq9EgzMUT9CfVRf0uZJBOivk-fedNy2Su8_&wd=&eqid=cef7957a0001653600000006638e17a2">钢铁侠2</a>
          <a href="https://www.baidu.com/link?url=bADjNdirOH9qI9UnBVJwdLDenIs8wnxA2OYQT7s1UNySUHTO3RNHslAET9q1T_JVof_9tgPE-3IdZUT60ec1-K&wd=&eqid=e60bdfc4000176a600000006638e17cd">钢铁侠3</a>
                  </div>
    </li> <li class="dropdown">
      <a href="javascript:void(0)" class="dropbtn">蜘蛛侠</a>
      <div class="dropdown-content">
          <a href="https://www.baidu.com/link?url=Aflw1plxpqLeV-c5Lt7RRTWVgn-RBCUl628c3b9uNW0rtjG-0ntXe5vcJzbXojIA&wd=&eqid=d067346f000e283c00000005638e0a7a">蜘蛛侠：英雄归来</a>
          <a href="https://www.baidu.com/link?url=0DyW9i-hR_NatIFqBPOQ4vuoRV-jGCRAqIjjTbzBUN6BTfv8C54xVzUklAOr3tgRXxg_Hh9JqGdIOTjxI5hksk1mpg4bF4bF6ySHE9jAw9i&wd=&eqid=b06e78c90003868000000006638e0c09">蜘蛛侠：英雄远征</a>
          <a href="https://www.baidu.com/link?url=KbdbJVKgN2GLDYNhA9_NX8qgrMaW0eFqL38OZBqG-oX5mHI6BhUo62yLuUHPT_v8&wd=&eqid=dfefcf1a00032c1300000006638e0cd0">蜘蛛侠：英雄无归</a>
                  </div>
    </li>
  <li class="dropdown">
      <a href="javascript:void(0)" class="dropbtn">美国队长</a>
      <div class="dropdown-content">
          <a href="https://www.baidu.com/link?url=RG_VgImWJdTmZ3BnXEp1wAo2xvw107IMdH1syoC4qB5P57RgrBkN9Oiua1ubh_hpiod4SNpD1vpIRhgP0bdWea&wd=&eqid=fb8810e6001d63a400000005638e1943">美国队长1</a>
          <a href="https://www.baidu.com/link?url=Ii_3FggUSrVZaJzLcKq4snoVdlYOgTbuB7-voYvXZ2JwOH-pzHrYTwniwVWYz0vI&wd=&eqid=e8e3f2c40021edd700000005638e18fc">美国队长2</a>
          <a href="https://www.baidu.com/link?url=AJDBZ5Ppv5d_xIR_3F88DVljxKRVH-nH4zxUTG8FAWMmP1j3jS2ynZdr_dyslolOsq2ueItmUSqZK1KhVeW31K&wd=&eqid=8e0218f50000e37600000006638e1837">美国队长3</a>
                  </div>
    </li>
    <li class="dropdown">
      <a href="javascript:void(0)" class="dropbtn">雷神</a>
      <div class="dropdown-content">
          <a href="https://www.baidu.com/link?url=TV0rTKwbXEEzJca3muJixEiVOCFtQlstYD1KvQh8RPIrtzkjrdCRYGiQx-K89JkRLz1SjpxkQB1VU8XnoJMKzq&wd=&eqid=e679923200025f3b00000006638e1980">雷神1</a>
          <a href="https://www.baidu.com/link?url=Xz0qBzqhqX04wxAJIrRHzT56HvyVLR2I0kMr3MRAIoNqAj56Fg060p2N7B39XaBvuR0UW2zkawnhgG22iN0hVq&wd=&eqid=e3c2d9f0000123e100000006638e199c">雷神2：黑暗世界</a>
          <a href="https://www.baidu.com/link?url=hpI1IaSyie-LdaqsUkiOwVcrime2TgotzE6yIxYFuvE6R6hBeMeq8sPMO2MIHgdfhWHJIxM5EF58A_hgv2z4X_&wd=&eqid=bbebded20002934100000006638e19a9">雷神3：诸神黄昏</a>
                  </div>
    </li> <li class="dropdown">
      <a href="javascript:void(0)" class="dropbtn">复仇者联盟</a>
      <div class="dropdown-content">
          <a href="https://www.baidu.com/link?url=qRRiCPGaFQbgtg3WORIAVgZADeQ7cAhhC5QtUQIwhuZ_yw-VhsEVrMRI2itF8P5b&wd=&eqid=8ea270e50002ba9900000006638e1a14">复仇者联盟1</a>
          <a href="https://www.baidu.com/link?url=avlzgd1szthVUwLDfFe-qt2uJPnZSYGn7bYEovFXISvmvENnhwhre1_g7CV4d291y8guaixaNoGMBrIKxrkdnK&wd=&eqid=bc000a4e000285ae00000006638e1a29">复仇者联盟2：奥创纪元</a>
          <a href="https://www.baidu.com/link?url=lbeggt7VFtn6rUeow505L705eLwGvqECrJsShe8e29meCbZPjRPTTT2J24admAms&wd=&eqid=9e5150700001285500000006638e1a38">复仇者联盟3：无限战争</a>
          <a href="https://www.baidu.com/link?url=xdOJiVhjPkqGmCo62FGXu-3hGB7JxeSjh8qhs_KIplnkLwhJI_j_293Ve8vM2GUZ&wd=&eqid=f3eb2315000054f000000006638e1a44">复仇者联盟4：终局之战</a>
                  </div>\
    </li>
</u1>
<br>
</header>
<main>
  <div class="sticky">
    <h1>钢铁侠</h1>
    <h1>美国队长</h1>
    <h1>雷神</h1>
    <h1>复仇者联盟</h1>
    <h1>蜘蛛侠</h1>
  </div>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br><div class="jjx">
    <table width="810px" height="860px">
      <tr>
          <td style="color:white"><img src="American1.webp" width="500px" height="600px">美国队长</td>
          <td style="color:white"><img src="American2.webp" width="500px" height="600px" />史蒂夫罗杰斯<td>
      </tr>
      <tr>    <td style="color:white"><img src="Iron man1.webp" width="500px" height="600px">钢铁侠</td>  
        <td style="color:white"><img src="Iron man2.webp" width="500px" height="600px" />托尼斯塔克</td>
        </tr>
        <tr>
        <td style="color:white"><img src="Thor1.webp" width="500px" height="600px" />雷神 </td>
        <td style="color:white"><img src="Thor2.webp" width="500px" height="600px" >索尔</td>
    </tr> <tr>
      <td style="color:black"><img src="Avengers.webp" width="500px" height="600px" />复仇者联盟 </td>
      <td style="color:white"><img src="Avengers1.webp" width="500px" height="600px" >复仇者联盟</td>
  </tr> <tr>
    <td style="color:white"><img src="Spider man1.webp" width="500px" height="600px" />蜘蛛侠 </td>
    <td style="color:white"><img src="Spider man2.webp" width="500px" height="600px" >彼得帕克</td>
</tr>
  </table>
  </div>
  

</main>
<footer>
  <p style="text-align:center">这是我的作业谢谢</p>
</footer>






</body>


</html>